<template>
    <div class="wisdom">
        <div class="top">
            <el-input v-model="input" placeholder="请输入学校名称或代码" width="200px" />
            地区：<el-select v-model="value" class="m-2" placeholder="请选择">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            学校办别：<el-select v-model="value" class="m-2" placeholder="请选择">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-button type="primary">查询</el-button>
            <el-button type="primary" @click="Insert">新增</el-button>
        </div>
        <div class="bottom">
            <el-table border style="width: 100%">
                <el-table-column prop="date" label="序号" width="180" />
                <el-table-column prop="name" label="学校名称" width="180" />
                <el-table-column prop="address" label="学校代码" />
                <el-table-column prop="address" label="学校类型" />
                <el-table-column prop="address" label="学校办别" />
                <el-table-column prop="address" label="所属地区" />
                <el-table-column prop="address" label="操作" />
            </el-table>
        </div>
    </div>
</template>

<script setup lang="ts">
// import schoolTitle from '../../components/Title.vue'
</script>

<style scoped>
.top {
    /* height: 60px; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 10px;
}

.top .el-input {
    width: 300px;
}
</style>